ellipsis()
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;

_ellipsis(line = 2)
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: line;
    word-break: break-all;
    overflow: hidden;
    white-space: pre-line;

ellipsis2()
    _ellipsis(2)

ellipsis3()
    _ellipsis(3)

$colorPrimary=#E91E63
$colorPrimaryDark=#D81B60
$colorAccount=#31C9E8

$toolbar-height=44px
$toolbar-color=#FFF
$toolbar-text-color=#212121

//顶部
.header {
    position: relative;
    height: $toolbar-height;
    line-height: $toolbar-height;
    text-align: center;
    background-color: $toolbar-color
    color $toolbar-text-color
    z-index: 5;

    h1 {
        margin 0 40px
        font-size 16px
        ellipsis()
    }

    .left {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 15px;
    }

    .right {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 15px;
    }
}

//底部
.navigation {
    width 100vw
    height $toolbar-height;
    background-color: $toolbar-color
    box-shadow: 0 1px 6px #ccc;
    position fixed
    left 0
    bottom 0
    z-index 9999
}

//内容部分
//针对子界面
.t-container {
    position absolute
    left 0
    right 0
    top $toolbar-height
    bottom 0
}
//针对首页存在底部导航栏
.b-container {
    position absolute
    left 0
    right 0
    top 0
    bottom $toolbar-height
}
.fix-container {
    position absolute
    left 0
    right 0
    top $toolbar-height
    bottom $toolbar-height
}

.btn-primary {
    background $colorPrimary
    color #FFF
}
.btn-primary:active {
    background $colorPrimaryDark
}